/*********************************************************
	Design: Thiago Fonseca
	Montagem: Thiago Fonseca
	Sistema: Maurício Linhares
********************************************************/


/*Definiçoes Principais*/
body{background:url(/images/bg.jpg) top center; margin:0 auto; padding:0; width:778px;font-family: Arial, Helvetica, sans-serif;}
h1{display:none;}
h2{font-size:20px;  color:#c02426; margin:0; padding:0;}
h3{ display:block; background-color:#4f4f4f; color:#FFFFFF; font-size:15px; border-bottom:2px solid #c02426; padding:2px 0;}
h4{ font-size:14px; color:#454239; margin:0; padding:0;}
a{ margin:0; padding:0; text-decoration:none;}
p{font-size:15px; margin:0; padding:0; color:#000000;}


/*Principal*/
#principal { margin:0 auto; width:778px; height:200px; padding:0;}

/*Topo*/
#principal #topo { }
#principal #topo #logo { float:left;  }

/*Menu*/
#principal #topo #menu{width:540px;float:left; margin:12px 0 0 -40px; padding:0; }
.ie6 #principal #topo #menu{width:540px;float:left; margin:23px 0 0 -40px; padding:0; }
#principal #topo #menu ul li {display:inline;}
#principal #topo #menu ul li a{display:block; text-indent:-100000px; height:50px; float:left;}
#principal #topo #menu a.empresaMenu{width:87px; height:43px; background:url(/images/menu.jpg) top left no-repeat; background-position:0 0;}
#principal #topo #menu a.empresaMenu:hover{background-position:0 -51px;}
#principal #topo #menu a.produtosMenu{width:96px; height:43px; background:url(/images/menu.jpg) top left no-repeat; background-position: -87px 0;}
#principal #topo #menu a.produtosMenu:hover{background-position:-87px -51px;}
#principal #topo #menu a.suprimentosMenu{width:122px; height:43px; background:url(/images/menu.jpg) top left no-repeat; background-position: -190px 0;}
#principal #topo #menu a.suprimentosMenu:hover{background-position:-190px -51px;}
#principal #topo #menu a.telefoniaMenu{width:100px; height:43px; background:url(/images/menu.jpg) top left no-repeat; background-position: -315px 0;}
#principal #topo #menu a.telefoniaMenu:hover{background-position:-315px -51px;}
#principal #topo #menu a.contatosMenu{width:90px; height:43px; background:url(/images/menu.jpg) top left no-repeat; background-position: -415px 0;}
#principal #topo #menu a.contatosMenu:hover{background-position:-415px -51px;}


/*Área Restrita*/
#principal #area { width:185px; float:left; padding:50px 0 0 7px;}
#principal #area form{ margin:0; padding:0;}
.ie #principal #area form input { background:url(/images/form/campo.gif) top center no-repeat; width:182px; height:24px; border:none; margin:7px 0 0 -5px; padding:2px 0 0 5px; background-attachment:fixed; color:#FFFFFF; }
#principal #area form input { background:url(/images/form/campo.gif) top center no-repeat; width:182px; height:24px; border:none; margin:7px 0 0 -5px; padding:2px 0 0 5px;  color:#FFFFFF; }
.ie #principal #area .botao { height:29px; width:32px; background:url(/images/form/botao.gif) top center; float:right; margin-right:5px; cursor:pointer;}
#principal #area .botao { height:29px; width:32px; background:url(/images/form/botao.gif) top center; float:right; margin-right:5px; cursor:pointer;}
#principal #area .botao:hover { background-position:0 -30px;}
.ie #principal #area .botao:hover { background-position:0 -30px;}

#principal #c1direita form select {  width:180px; height:24px; border:none; margin:7px 5px 0 -5px; padding:2px 0 0 5px;  color:#FFFFFF; background-color:#454239; }
#principal #c1direita form textarea { background:url(/images/form/bgMensagem.gif) bottom right no-repeat; overflow:hidden; width:182px; height:101px; border:none; margin:7px 0 0 -5px; padding:2px 0 0 5px;  color:#FFFFFF;}

#principal #c1direita form #botaoEnviar { height:31px; width:60px; background:url(/images/contatos/enviar.gif) top center no-repeat; float:right; margin-right:5px; cursor:pointer;}
#principal #c1direita form #botaoEnviar:hover { background-position:0 -31px;}

/*output de erro*/
.areaerro {display:block; padding:10px; background-color:#c02426; font-weight:700; border:1px solid #c1c1c1; color:#ffffff; width:150px; margin-top:27px;}
.areaerro img { margin:0 5px 0 5px; padding:0; float:left;}
.areaerro p { margin:0; padding:0;}

.areaerro2 {display:block; padding:10px; background-color:#c1c1c1; font-weight:700; border:1px solid #666666; color:#333333; width:150px; margin-top:27px;}
.areaerro2 img { margin:0 5px 0 5px; padding:0; float:left;}
.areaerro2 p { margin:0; padding:0;}

/*Coluna da esquerca - clEsquerda*/
#principal #clEsquerda { width:190px; float:left; }
#principal #clEsquerda #logomarcas { padding:5px 0 5px 0; float:left; margin:10px 0 10px 0;}
#principal #clEsquerda #logomarcas .linkXerox { height:31px; display:block; width:110px; background:url(/images/produtos/xerox.gif) top center no-repeat;text-indent:-100000px; float:left;}
#principal #clEsquerda #logomarcas .linkXerox:hover { background-position:0 -33px;}
#principal #clEsquerda #logomarcas .textoLinha {margin:0 0 0 -10px; padding:0 0 5px 0;}
#principal #clEsquerda #logomarcas .linkHp { height:46px; display:block; width:58px; background:url(/images/produtos/hp.gif) top center no-repeat; text-indent:-100000px; float:right;}
#principal #clEsquerda #logomarcas .linkHp:hover { background-position:0 -45px;}


#principal #clEsquerda .sedes { margin:10px 0 0 0; padding:0; font-size:11px;}

/*Contatos*/
#principal #contatoImg { width:190px; float:left; margin:50px 0 0 15px; }
#principal #contatoImg p { font-size:11px; margin:0 0 0 10px;}

/*Telefonia*/
#principal #telefoniaImg {width:190px; float:left; margin:20px 0 0 15px;}
.ie #principal #telefoniaImg {width:190px; float:left; margin:20px 0 0 5px;}
#principal #telefoniaImg p { font-size:11px; margin:0 0 0 10px;}

#principal #clEsquerda span { display:block; margin:0 0 0 0; padding:0;}
#principal #clEsquerda span h3 { clear:left; background:#4f4f4f url(/images/produtos/setaB.gif) center right no-repeat; background-position:0 0 0 10px; padding:2px 10px 2px 5px; font-size:13px; margin:7px 0 0 0; }
#principal #clEsquerda span p { padding:0; margin:2px 0 5px 0; color:#c02022; line-height:15px; font-size:12px; float:left; padding-bottom:5px;}
#principal #clEsquerda span a {color:#454239; font-size:13px; font-weight:bold; line-height:13px; display:block; margin:0 0 0 0; padding:0 0 0 7px; background:url(/images/produtos/setaL.gif) top left no-repeat; background-position:0 3px;  }
#principal #clEsquerda span a:hover { text-decoration:underline;}


#principal #c1direita .formTelefonia{list-style:none; padding-left:285px; width:120px;}
.ie #principal #c1direita .formTelefonia{list-style:none; padding-left:245px; width:120px;}
#principal #c1direita .formTelefonia  li a{text-indent:-100000px; list-style:none; }
#principal #c1direita .formTelefonia  li .agendar{ background:url(/images/telefonia/agende.gif) top center no-repeat; display:block; width:120px; height:26px;}
#principal #c1direita .formTelefonia  li .agendar:hover{ background-position:0 -27px ;}

/*Empresa*/
#principal #clEsquerda .empresaMenu { display:block; margin:0 0 0 0; padding:0;}
#principal #clEsquerda .empresaMenu h3 { clear:left; background:#4f4f4f url(/images/empresa/seta.gif) center left no-repeat; background-position: 5px 1px; padding:3px 10px 3px 10px; font-size:13px; margin:7px 0 0 0; }
#principal #c1direita span .textos { padding:0; margin:5px 0 0 0; color:#000000; line-height:15px; font-size:12px; float:left; padding-bottom:5px;}
#principal #c1direita #produtos h3 b { font-weight:normal; font-size:12px;}
#principal #c1direita span ul {  list-style:disc; font-size:12px; }
#principal #c1direita span li { margin-top:5px;}
#principal #clEsquerda .empresaMenu a { background:none; color:#ffffff; }
#principal #clEsquerda .empresaMenu a:hover { text-decoration:underline;}
#principal #clEsquerda .sede { border:2px solid #c02022; margin:5px 0 0 0; padding:0;}
#principal #clEsquerda dt { font-size:11px;}

/* Link da HP*/
#principal #clEsquerda #HPprodutos { display:block; margin:0 0 0 0; padding:0;}
#principal #clEsquerda #HPprodutos h3 { clear:left; background:#4f4f4f url(/images/produtos/setaBH.gif) center right no-repeat; background-position:0 0 0 10px; padding:2px 10px 2px 5px; font-size:13px; border-bottom:2px solid #005699;}
#principal #clEsquerda #HPprodutos p { padding:0; margin:-7px 0 0 0; color:#c02022; line-height:15px; font-size:12px; float:left; padding-bottom:5px;}
#principal #clEsquerda #HPprodutos a {color:#454239; font-size:13px; font-weight:bold; line-height:13px; display:block; margin-top:0px; padding:0 0 0 7px; background:url(/images/produtos/setaL.gif) top left no-repeat; background-position:0 3px;  }
#principal #clEsquerda #HPprodutos a:hover { text-decoration:underline;}


/*Coluna da direita - c1direita*/
#principal #c1direita {float:right; width:550px;}
#principal #c1direita #noticia { width:290px; float:left; margin:16px 0 0 0; padding:0; cursor:pointer;}
#principal #c1direita #noticia a { color:#000000;}
#principal #c1direita #noticia a:hover { text-decoration:underline;}

#principal #c1direita #noticia p{ margin:7px 0 0 0; padding:0; }
#principal #c1direita #noticia h2{ margin:20px 0 0 0; padding:0;}
#principal #c1direita #newsletter { width:210px; float:right; margin-top:45px; background:url(/images/linha.jpg) left top no-repeat; padding-left:20px;}

.confirma {display:block; padding:10px; background-color:#c1c1c1; font-weight:700; border:1px solid #666666; color:#333333; width:150px; margin-top:27px;}
.confirma img { margin:0 5px 0 0; float:left;}
.confirma p { margin:0; padding:0; }

.confirma2 {display:block; padding:10px; background-color:#c02426; font-weight:700; border:1px solid #c1c1c1; color:#ffffff; width:150px; margin-top:27px;}
.confirma2 img { margin:0 5px 0 5px; padding:0; float:left;}
.confirma2 p { margin:0; padding:0;}

/*Página Interna*/
#principal #c1direita .LogoMaior { margin:40px 0 0 10px;}
#principal #c1direita #produtos{ margin-top:20px; width:470px; margin-left:10px;}
#principal #c1direita #produtos h3 { padding:0 0 0 7px;}
#principal #c1direita #produtos span { margin:0 0 0 0; padding:0; display:block; }
#principal #c1direita #produtos span img {  float:left; margin:0 5px 0 0; padding:0; border:1px solid #d8d8d8;}
#principal #c1direita #produtos span a { color:#000000;}
#principal #c1direita #produtos span a:hover { text-decoration:underline;}
#principal #c1direita #produtos .daLinha {margin:0; padding:13px 0 0 0; display:block; clear:left;}


/*formulário de newsletter*/
#principal #c1direita form{ margin:0; padding:0;}
.ie #principal #c1direita form input { background:url(/images/form/campo.gif) top center no-repeat; width:182px; height:24px; border:none; margin:7px 0 0 -5px; padding:2px 0 0 5px; background-attachment:fixed; color:#FFFFFF; }
#principal #c1direita form input { background:url(/images/form/campo.gif) top center no-repeat; width:182px; height:24px; border:none; margin:7px 0 0 -5px; padding:2px 0 0 5px;  color:#FFFFFF; }
.ie #principal #c1direita .botao { height:29px; width:32px; background:url(/images/form/botao.gif) top center; float:right; margin-right:29px; cursor:pointer;}
#principal #c1direita .botao { height:29px; width:32px; background:url(/images/form/botao.gif) top center; float:right; margin-right:29px; cursor:pointer;}
#principal #c1direita .botao:hover { background-position:0 -30px;}
.ie #principal #c1direita .botao:hover { background-position:0 -30px;}


/*Formulário de contatos*/
#principal #c1direita form .mensaTitulo{float:left; margin:10px 0 0 90px;}
#principal #c1direita form label { margin:0 10px 0 0; padding:0;}


#principal #c1direita #formContatos { margin:30px 100px 0 0; width:350px; }
#principal #c1direita #formContatos form {text-align:right;}
#principal #c1direita #formContatos form label {text-align:left; font-size:12px;}
#principal #c1direita #formContatos form .mensagem{ float:left; color:#990000;}

#principal #chamadaContatos{ width:750px; float:left; }
#principal #chamadaContatos .enderecoBaixo { float:left; width:200px; margin-left:5px; padding-left:25px; border-right:2px solid #c02426; }
#principal #chamadaContatos p {font-size:11px;}
#principal #chamadaContatos h2 { font-size:14px; padding-bottom:5px; margin-left:23px;}


